<template>
    <div>
        <el-container style="line-height: 30px;">
            <el-header style="text-align:left; font-size: 15px;height: 30px;border-radius: 15px;background-color: #d7d7ff;">
                住宅管理
            </el-header>
            <el-main>
                <router-view/>
            </el-main>
        </el-container>
        <!-- 查询-->
        <el-table :data="users" style="width: 100%" border stripe>
            <el-table-column label="序号" prop="uid" />
            <el-table-column label="名称" prop="uname"/>
            <el-table-column label="单元号" prop="dynum"/>
            <el-table-column label="门牌号" prop="hm.fh"/>
            <el-table-column label="使用面积" prop="binfo.usearea"/>
            <el-table-column label="单元数" prop="binfo.cellnumber"/>
            <el-table-column label="建筑类型" prop="binfo.structuretype"/>
            <el-table-column label="电梯情况" prop="binfo.liftinfo"/>
            <el-table-column label="楼栋名称" prop="binfo.bname"/>
        </el-table>
    </div>
</template>

<script>
    export default {
        name: "zzgl",
        data(){
            return{
                users:{},
            }
        },
        created () {
            const that = this;
            this.axios.get('http://localhost:8085/Uinfo/select')
                .then(function (response) {
                    console.log(response);
                    that.users = response.data;
                })
        },
    }
</script>

<style scoped>

</style>